<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学习猿地</title>
    <link rel="stylesheet" href="css/indexStyle.css">
<!-- 引入阿里图标-->

    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2463024_8xexk372mv7.css">
    <script>
        function collect() {
            alert('请按 Ctrl+D 键添加到收藏夹 ^_^')
        }
    </script>
</head>
<body>
<!--右边边栏开始-->
<div class="side-Rbar">
    <div class="siderbar-child">
        <a href="" ><img src="static/img/vip.png" ><br><span>分享送积分</span></a>
    </div>
    <div class="siderbar-child">
        <a href="" ><img src="static/img/耳机.png" ><br><span>在线咨询</span></a>
    </div>
    <div class="siderbar-child">
        <a href="" ><img src="static/img/人民币.png" ><br><span>边学编赚钱</span></a>
    </div>
    <div class="siderbar-child">
        <a href="" ><img src="static/img/反馈.png" ><br><span>意见反馈</span></a>
    </div>

</div>
<!--右边边栏结束-->

<!--顶部标签开始-->
<div class="header">
    <div class="header-nav">
        <div class="header-left">
            <div>
                <a><b><span>IT</span></b>-精品学习网</a>
            </div>
            <div >
                <a>
                    <img src="static/img/cptub.png" height="32" width="40"/>
                    <span>核心产品</span>
                    <i class="icon-arrow-down-bold iconfont"></i>
                </a>
                <div id="top_nav" >
                    <i class="icon-iconfontlingxing iconfont" ></i>
                    <ul>
                        <li><a href=""><img src="static/img/java.jpg"><span>Java开发工程师</span></a></li>
                        <li><a href=""><img src="static/img/java.jpg"><span>Java开发工程师</span></a></li>
                        <li><a href=""><img src="static/img/java.jpg"><span>Java开发工程师</span></a></li>
                        <li><a href=""><img src="static/img/java.jpg"><span>Java开发工程师</span></a></li>
                        <li><a href=""><img src="static/img/java.jpg"><span>Java开发工程师</span></a></li>
                        <li><a href=""><img src="static/img/java.jpg"><span>Java开发工程师</span></a></li>
                        <li><a href=""><img src="static/img/java.jpg"><span>Java开发工程师</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
<!--        顶部右边标签-->
        <div class="header-right">
            <ul>
                <li><a href=""><img src="static/img/zchl.png" alt=""></a> </li>
                <li><a href="">登录</a> </li>
                <li><a href="">注册</a> </li>
                <li><a href=""><img src="static/img/vip.png" alt=""></a> </li>
                <li>|</li>
                <li onclick="collect()"><a href="" >收藏本站</a></li>

            </ul>
        </div>
    </div>
</div>
<!--顶部标签结束-->
<!--logo标签开始-->
<div class="logo">
    <div id="logo">
        <div class="logo-left"><a href="index.html"><img src="static/img/logobig.png"/></a></div>
        <div class="logo-right"><a><img src="static/img/slogen.png"/></a></div>
    </div>
</div>
<!--logo标签结束-->
<!--nav导航标签开始-->
<div class="nav">
    <div class="nav-content">
        <div class="nav-left">
            <i class="icon-toggle iconfont"></i></i><span>学习直通车</span><i class="icon-toggle iconfont"></i>
        </div>
        <div class="nav-center">
            <ul>
                <div class="redo"><i class=" icon-hongdian2 iconfont"></i></div>
                <li><a href="">猿生态</a> </li>
                <li><a href="">猿著</a> </li>
                <li><a href="">猿创试题</a> </li>
                <li>|</li>
                <li><a href="">猿材料</a> </li>
                <div class="new"><i class="icon-new iconfont"></i></div>
                <li><a href="">猿工手册</a> </li>
                <li><a href="">猿代码</a> </li>
                <li>|</li>
                <li><a href="">猿圈</a> </li>
                <li><a href="">猿来如此</a> </li>
            </ul>
        </div>
        <div class="nav-right">
            <a href="">猿老招募 <img src="static/img/dnzp.png"></a>
        </div>
    </div>
</div>
<!--nav导航标签结束-->
<!--banner标签开始-->
<div class="banner">
        <img src="static/img/banner.jpg" />
<!--    banner-nav内容-->
    <div class="p-content">
        <div class="banner-nav">
<!--banner的nav-->
            <ul class="content-ul">
                <li>
                    <img src="static/img/javalogo.png" alt="">
                    <a href="">Java开发工程师<i class="icon-arr-right1 iconfont"></i><br></a>

                    <span>全栈 | SSH | SSM | 实站</span>
                </li>
                <li>
                    <img src="static/img/python.png" alt="">
                    <a href="">Python开发工程师<i class="icon-arr-right1 iconfont"></i><br></a>
                    <span>数据 | 挖掘 | 分析 | 人工智能</span>
                </li>
                <li>
                    <img src="static/img/php.png" alt="">
                    <a href="">PHP发工程师<i class="icon-arr-right1 iconfont"></i><br></a>
                    <span>接口 | Laravel | TP | 小程序</span>
                </li>
                <li>
                    <img src="static/img/Go.png" alt="">
                    <a href="">Go开发工程师<i class="icon-arr-right1 iconfont"></i><br></a>

                    <span>WEB | 区块链 | 算法 | 实站</span>
                </li>
                <li>
                    <img src="static/img/javalogo.png" alt="">
                    <a href="">Java开发工程师<i class="icon-arr-right1 iconfont"></i><br></a>

                    <span>全栈 | SSH | SSM | 实站</span>
                </li>
                <li>
                    <img src="static/img/javalogo.png" alt="">
                    <a href="">Java开发工程师<i class="icon-arr-right1 iconfont"></i><br></a>

                    <span>全栈 | SSH | SSM | 实站</span>
                </li>
                <li>
                    <img src="static/img/javalogo.png" alt="">
                    <a href="">Java开发工程师<i class="icon-arr-right1 iconfont"></i><br></a>

                    <span>全栈 | SSH | SSM | 实站</span>
                </li>
                <li>
                    <img src="static/img/javalogo.png" alt="">
                    <a href="">Java开发工程师<i class="icon-arr-right1 iconfont"></i><br></a>

                    <span>全栈 | SSH | SSM | 实站</span>
                </li>
                <li>
                    <img src="static/img/javalogo.png" alt="">
                    <a href="">Java开发工程师<i class="icon-arr-right1 iconfont"></i><br></a>

                    <span>全栈 | SSH | SSM | 实站</span>
                </li>
            </ul>
        </div>
        <div class="banner-right">
            <div class="banner-right-top">
                <div class="login">
                    <div>
                        <a href="">新人专享大礼  更多优惠等你</a>
                        <img src="static/img/logo.png" alt="">
                    </div>
                    <div>
                        <div><a href="">登录</a></div>
                        <div><a href="">注册</a></div>
                    </div>
                </div>
            </div>
            <div class="banner-right-buttom">
                <div class="banner_buttom_nav">
                    <a href="">
                        <img src="static/img/会员.png" />
                    </a>
                    <a href="">
                         <span>
                        <b>会员特权</b><br>
                        享有全部资料
                    </span>
                    </a>

                </div>
                <div class="banner_buttom_nav">
                    <a href="">
                        <img src="static/img/口碑.png" />
                    </a>
                    <a href="">
                            <span>
                        <b>学员故事</b><br>
                        高品质成就好口碑
                    </span>
                    </a>

                </div>
                <div class="banner_buttom_nav">
                    <a href="">
                        <img src="static/img/产品.png" />
                    </a>
                    <a>
                        <a href=""> <span>
                        <b>极致产品</b><br>
                        体系全|讲的好
                    </span></a>

                    </a>
                </div>
                <div class="banner_buttom_nav">
                    <a href="">
                        <img src="static/img/师资力量.png" />
                    </a>
                    <a href=""><span>
                        <b>超牛师资</b><br>
                        名校|企业|CTO
                    </span></a>
                </div>

            </div>
        </div>
    </div>

</div>
<!--banner标签结束-->
<!--内容部分开始-->
<div class="main-content">
    <div class="content-top">
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="content-bottom">
        <div class="c-bottom-left"></div>
        <div class="c-bottom-right">
            <div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
            <div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
</div>
<!--内容部分结束-->

<!--网页底部开始-->
<div class="footer">
    <div class="footer_top">
<!--        左边-->
        <div>
            <img src="static/img/logo.png" alt=""/>
            <p>学习猿地根据IT方向的线上学习特点，研发人机互动教学系统， 打造领先的学习模式。平台签约了十名大牛联合创办， 每个合伙人再召集几名身边的技术大咖，根据程序员的岗位需求研发精品课程，并将一门学科中所需要的全部学习资料汇总在一起， 且实时更新。选中一门课程即拥有全部的精品学习资源，不需要再找其它资源补充， 按计划学习结束后即可直接从事对应的开发工作。</p>
        </div>
<!--        中间-->
        <div>
            <div>
                <h6>新手指南</h6>
                <ul>
                    <li><a href="">挑选课程</a></li>
                    <li><a href="">购买课程</a></li>
                    <li><a href="">学习课程</a></li>
                    <li><a href="">配套资源</a></li>
                </ul>
            </div>
            <div>
                <h6>新手指南</h6>
                <ul>
                    <li><a href="">挑选课程</a></li>
                    <li><a href="">购买课程</a></li>
                    <li><a href="">学习课程</a></li>
                    <li><a href="">配套资源</a></li>
                </ul>
            </div>
            <div>
                <h6>新手指南</h6>
                <ul>
                    <li><a href="">挑选课程</a></li>
                    <li><a href="">购买课程</a></li>
                    <li><a href="">学习课程</a></li>
                    <li><a href="">配套资源</a></li>
                </ul>
            </div>
        </div>
        <div>
            <img src="static/img/qrcode.jpg" />
            <p>学习猿地服务号</p>
        </div>
</div>
    <div class="footer_bottom">
        © 辽<b>ICP</b>备19013136号
    </div>
</div>
<!--网页底部结束-->
</body>
</html>